<template>
  <div>
    <Card :bordered="false">
      <Tabs type="card" :animated="false" name="one" @on-click="changeTab" v-model="current">
        <TabPane name="one" label="接诊数据">
          <one v-if="current === 'one'"></one>
        </TabPane>
        <TabPane name="two" label="消费数据">
          <two v-if="current === 'two'"></two>
        </TabPane>
      </Tabs>
    </Card>
  </div>
</template>
<script>
  import one from "./one.vue"
  import two from "./two.vue"
  export default {
    components: { one, two },
    data() {
      return {
        current: "one"
      }
    },
    methods: {
      changeTab(value) {
        // console.log(value)
      }
    }
  }
</script>